<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js"> <!--<![endif]-->

<head>
    <meta charset="utf-8">
    <title>Blog</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/font-awesome.css">
    <link rel="stylesheet" href="css/templatemo_style.css">
    <link rel="stylesheet" href="css/templatemo_misc.css">
    <link rel="stylesheet" href="css/flexslider.css">
    <link rel="stylesheet" href="css/testimonails-slider.css">

    <script src="js/vendor/modernizr-2.6.1-respond-1.1.0.min.js"></script>
</head>

<body>

    <header>
        <div id="main-header">
            <div class="container">
                <div class="row">
                    <div class="col-md-3">
                        <div class="logo">
                            <a href="#templatemo_417_grill"><img src="images/logo.png"
                                    title="create by yaojie technology zrx developer"
                                    alt="create by yaojie technology zrx developer"></a>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="main-menu">
                            <ul>
                                <li><a href="index.html">首页</a></li>
                                <li><a href="products.html">产品展示</a></li>
                                <li><a href="about-us.html">关于我们</a></li>
                                <li><a href="contact-us.html">联系我们</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <div id="heading">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="heading-content">
                        <h2>Single Product</h2>
                        <span>Home / <a href="single-post.html">Single Post</a></span>
                    </div>
                </div>
            </div>
        </div>
    </div>





    <div id="product-post">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="heading-section">
                        <h2>Single Blog Post</h2>
                        <img src="images/under-heading.png" alt="" />
                    </div>
                </div>
            </div>
            <div id="single-blog" class="page-section first-section">
                <div class="container">
                    <div class="row">
                        <div class="product-item col-md-12">
                            <div class="row">
                                <div class="col-md-8">
                                    <div class="image">
                                        <div class="image-post">
                                            <img src="images/single-post.jpg" alt="">
                                        </div>
                                    </div>
                                    <div class="product-content">
                                        <div class="product-title">
                                            <h3>SWEET BREAKFAST CAKE</h3>
                                            <span class="subtitle">4 comments</span>
                                        </div>
                                        <p>Morbi consectetur velit et est placerat volutpat. Aliquam lacus libero,
                                            iaculis sit amet ornare eu, bibendum convallis. Curabitur vel erat
                                            imperdiet, ultrices dui et, mattis arcu. Donec nisi velit, dignissim mollis
                                            erat vehicula, iaculis eleifend sem. Mauris non ultrices ante, id porta
                                            odio. Pellentesque eget egestas lorem. <a href="#">Nullam vitae</a> varius
                                            lorem, ac tristique justo. Cras placerat tempus pharetra. Class aptent
                                            taciti sociosqu ad litora torquent per conubia nostra, an inceptos
                                            himenaeos. Morbi et feugiat justo. <br><br>Maecenas et ante eu sem viverra
                                            faucibus eget nec est. Aenean non felis diam. Praesent malesuada, lectus vel
                                            elementum tincidunt, sapien dolor interdum lacus, vel suscipit enim augue
                                            vel purus. Ut in augue mass. Etiam a leo at eros vehicula mattis. Aenean nec
                                            fringilla neque <a href="#">eget vulputate mi</a>. Aenean tincidunt elit
                                            sollicitudin libero hendrerit feugiat. Nunc purus leo, sollicitudin et
                                            vulputate vitae, auctor a lacus. Fusce aliquet erat quis nisi adipiscing, id
                                            eleifend quam venenatis. Integer non sem quis dui dignissim lacinia et a
                                            massa.</p>
                                    </div>
                                    <div class="divide-line">
                                        <img src="images/div-line.png" alt="" />
                                    </div>
                                    <div class="comments-title">
                                        <div class="comment-section">
                                            <h4>4 comments</h4>
                                        </div>
                                    </div>
                                    <div class="all-comments">
                                        <div class="view-comments">
                                            <div class="comments">
                                                <div class="author-thumb">
                                                    <img src="images/author-comment1.jpg" alt="">
                                                </div>
                                                <div class="comment-body">
                                                    <h6>Catherine Hla</h6>
                                                    <span class="date">11 Sep 2084 - 12:30 PM</span>
                                                    <a href="#" class="hidden-xs">Reply</a>
                                                    <p>Ut vel consequat urna. Ut aliquet ornare massa, quis dapibus quam
                                                        condimentum id. Duis eget sagittis nisl, at mollis massa.
                                                        Suspendisse ut sagittis justo.</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="replyed-form">
                                            <div class="comments replyed">
                                                <div class="author-thumb">
                                                    <img src="images/author-comment2.jpg" alt="">
                                                </div>
                                                <div class="comment-body">
                                                    <h6>Anna Thiri</h6>
                                                    <span class="date">12 Sep 2084 - 10:10 AM</span>
                                                    <a href="#" class="hidden-xs">Reply</a>
                                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam
                                                        aliquet pellentesque magna. Morbi non varius massa. Vivamus
                                                        tortor sapien, dignissim quis iaculis non, pretium vel odio.</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="view-comments">
                                            <div class="comments">
                                                <div class="author-thumb">
                                                    <img src="images/author-comment3.jpg" alt="">
                                                </div>
                                                <div class="comment-body">
                                                    <h6>Diana Aung</h6>
                                                    <span class="date">12 Sep 2084 - 11:00 AM</span>
                                                    <a href="#" class="hidden-xs">Reply</a>
                                                    <p>Vestibulum molestie odio sit amet malesuada tincidunt. Donec
                                                        sollicitudin diam ut tellus bibendum ullamcorper. Fusce vel
                                                        porttitor libero.</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="view-comments">
                                            <div class="comments">
                                                <div class="author-thumb">
                                                    <img src="images/author-comment4.jpg" alt="">
                                                </div>
                                                <div class="comment-body">
                                                    <h6>Kimberly Mya</h6>
                                                    <span class="date">14 Sep 2084 - 09:30 PM</span>
                                                    <a href="#" class="hidden-xs">Reply</a>
                                                    <p>Nullam non lorem sed tellus vulputate pulvinar ac quis velit. Ut
                                                        sit amet turpis feugiat sem molestie lacinia.</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="divide-line">
                                        <img src="images/div-line.png" alt="" />
                                    </div>
                                    <div class="leave-comment">
                                        <div class="leave-one">
                                            <h4>Leave a comment</h4>
                                        </div>
                                    </div>
                                    <div class="leave-form">
                                        <form action="#" method="post" class="leave-comment">
                                            <div class="row">
                                                <div class="name col-md-4">
                                                    <input type="text" name="name" id="name" placeholder="Name" />
                                                </div>
                                                <div class="email col-md-4">
                                                    <input type="text" name="email" id="email" placeholder="Email" />
                                                </div>
                                                <div class="subject col-md-4">
                                                    <input type="text" name="subject" id="subject"
                                                        placeholder="Subject" />
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="text col-md-12">
                                                    <textarea name="text" placeholder="Comment"></textarea>
                                                </div>
                                            </div>
                                            <div class="send">
                                                <button type="submit">Send</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                                <div class="col-md-3 col-md-offset-1">
                                    <div class="side-bar">
                                        <div class="news-letters">
                                            <h4>Archives</h4>
                                            <div class="archives-list">
                                                <ul>
                                                    <li><a href="#"><i class="fa fa-angle-right"></i>July (12)</a></li>
                                                    <li><a href="#"><i class="fa fa-angle-right"></i>August (18)</a>
                                                    </li>
                                                    <li><a href="#"><i class="fa fa-angle-right"></i>September (72)</a>
                                                    </li>
                                                    <li><a href="#"><i class="fa fa-angle-right"></i>October (63)</a>
                                                    </li>
                                                    <li><a href="#"><i class="fa fa-angle-right"></i>November (48))</a>
                                                    </li>
                                                    <li><a href="#"><i class="fa fa-angle-right"></i>December (24)</a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="recent-post">
                                            <h4>Recent Posts</h4>
                                            <div class="posts">
                                                <div class="recent-post">
                                                    <div class="recent-post-thumb">
                                                        <img src="images/recent-post1.jpg" alt="">
                                                    </div>
                                                    <div class="recent-post-info">
                                                        <h6><a href="#">Vestibulum molestie odio sit amet</a></h6>
                                                        <span>24 Sep 2084</span>
                                                    </div>
                                                </div>
                                                <div class="recent-post">
                                                    <div class="recent-post-thumb">
                                                        <img src="images/recent-post2.jpg" alt="">
                                                    </div>
                                                    <div class="recent-post-info">
                                                        <h6><a href="#">Vivamus mattis quam eget urna tincidunt</a></h6>
                                                        <span>22 Sep 2084</span>
                                                    </div>
                                                </div>
                                                <div class="recent-post">
                                                    <div class="recent-post-thumb">
                                                        <img src="images/recent-post3.jpg" alt="">
                                                    </div>
                                                    <div class="recent-post-info">
                                                        <h6><a href="#">Curabitur in nunc eget neque posuere</a></h6>
                                                        <span>21 Sep 2084</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="advertisement">
                                            <h4>Flickr news</h4>
                                            <div class="flickr-images">
                                                <div class="row">
                                                    <div class="col-md-4 col-sm-2 col-xs-3">
                                                        <img src="images/flickr-image1.jpg" alt="">
                                                    </div>
                                                    <div class="col-md-4 col-sm-2 col-xs-3">
                                                        <img src="images/flickr-image2.jpg" alt="">
                                                    </div>
                                                    <div class="col-md-4 col-sm-2 col-xs-3">
                                                        <img src="images/flickr-image3.jpg" alt="">
                                                    </div>
                                                    <div class="col-md-4 col-sm-2 col-xs-3">
                                                        <img src="images/flickr-image4.jpg" alt="">
                                                    </div>
                                                    <div class="col-md-4 col-sm-2 col-xs-3">
                                                        <img src="images/flickr-image1.jpg" alt="">
                                                    </div>
                                                    <div class="col-md-4 col-sm-2 col-xs-3">
                                                        <img src="images/flickr-image2.jpg" alt="">
                                                    </div>
                                                    <div class="col-md-4 col-sm-2 col-xs-3">
                                                        <img src="images/flickr-image3.jpg" alt="">
                                                    </div>
                                                    <div class="col-md-4 col-sm-2 col-xs-3">
                                                        <img src="images/flickr-image4.jpg" alt="">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <footer>
        <div class="container">
            <div class="top-footer">
                <div class="row">
                </div>
            </div>
            <div class="main-footer" style="margin-top: 20px;">
                <div class="row">
                    <div class="col-md-3">
                        <div class="about">
                            <h4 class="footer-title">关于我们</h4>
                            <p>欢迎来到耀捷电子有限公司，一家致力于为电商平台提供全方位服务的创新科技公司。自成立以来，我们专注于软件开发、手机壳图案设计以及工厂定制等业务领域，旨在通过技术创新和专业服务为客户打造独一无二的电商体验。
                                <br><br>我们的团队由一群富有激情与创造力的专业人士组成，他们拥有丰富的行业经验和技术背景，能够精准把握市场需求，为客户提供最优质的服务。
                            </p>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="shop-list">
                            <h4 class="footer-title">业务范围</h4>
                            <ul>
                                <li><i class="fa fa-angle-right"></i>网站开发</li>
                                <li><i class="fa fa-angle-right"></i>手机壳图案定制</li>
                                <li><i class="fa fa-angle-right"></i>电商平台对接管理</li>
                                <li><i class="fa fa-angle-right"></i>搬家上架</li>
                            </ul>
                        </div>
                    </div>

                    <div class="col-md-3">
                        <div class="more-info">
                            <h4 class="footer-title">联系我们</h4>
                            <p>我们不仅仅是创造者，更是梦想的实现者。自成立以来，我们一直致力于。我们的团队由一群充满激情和创造力的专业人士组成，他们来自不同的背景，但都怀着共同的目标——通过创新和卓越的服务，为客户带来最大的价值。</p>
                            <ul>
                                <li><i class="fa fa-phone"></i>咨询电话:18118752268</li>
                                <li><i class="fa fa-globe"></i>公司地址：深圳市龙岗区龙城街道爱联社区新屯村健军路16号3楼</li>
                                <li><i class="fa fa-envelope"></i><a href="#">公司邮箱：523913313@qq.com</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="bottom-footer">
                <a href="https://beian.miit.gov.cn/" target="_blank">粤ICP备2025362023号</a>
            </div>

        </div>
    </footer>


    <script src="js/vendor/jquery-1.11.0.min.js"></script>
    <script src="js/vendor/jquery.gmap3.min.js"></script>
    <script src="js/plugins.js"></script>
    <script src="js/main.js"></script>


</body>

</html>